<template>
  <div class="person"></div>
</template>
<script setup lang="ts" name="person">
import { ref,} from "vue";
import { type PersonInter, type Persons } from "@/types/index";
let person :PersonInter = { id: "asdfg", name: "张三", age: 60 };

// 第一种写法
// let  personList:Array<PersonInter> = [
//   { id: "asdfga", name: "张三", age: 60},
//   { id: "cdsada", name: "李四", age: 18},
//   { id: "dssdsd", name: "王五", age: 8}
// ]
// 第二种
let personList:Persons =[
  { id: "asdfga", name: "张三", age: 60},
  { id: "cdsada", name: "李四", age: 18},
  { id: "dssdsd", name: "王五", age: 8}
]



</script>

<style scoped>
button {
  margin: 0 5px;
}
.person {
  border-radius: 10px;
  background-color: #8ee6ea;
  margin: 20px;
}
li {
  font-size: 15px;
}
.person input {
  margin-top: 10px;
  margin-bottom: 10px;
}
</style>
